<script setup>
// import { defineProps } from 'vue';
// 定义要接受的属性
const props = defineProps({
  money: {
    type: Number,
    default: 0,
  },
});
console.log('子组件的JS内：', props.money);
// 测试修改props
const changeProps = () => {
  props.money = 1000;
};

// 子组件使用 defineEmits 宏函数定义 emits 事件，传值给父组件
const emits = defineEmits(['giveMoney']);
const giveMoney = () => {
  emits('giveMoney', 100);
};
</script>
<template>
  <div style="border: 1px solid red">
    <h2>我是子组件,我接受到的数据：{{ money }}</h2>
    <button @click="changeProps">修改props</button>
    <hr />
    <button @click="giveMoney">给钱</button>
  </div>
</template>
<style scoped></style>
